body{
  margin: 0;
  padding: 0;
  background:#3F3E3C;
  font: 12px "微软雅黑",Arial,Helvetica,sans-serif;
}
*{
  margin: 0;
  padding: 0;
}
a{
  text-decoration: none;
}

section.photos{
  .lun{
    img{
      width: 100%;
      height: 300px;
    }
  }
  .circle {
    margin-top: -30px;
    text-align: center;
    i{
      padding: 3px;
      cursor: pointer;
    }
  }
}
/*显示头像*/
.me{
  position: absolute;
  top: 120px;
  left: 160px;
  .myPhoto{
    width: 140px;
    border: 3px solid rgba(244, 188, 183, 0.87);
    border-radius: 70px;
  }
}
/*显示座右铭*/
.motto{
  position: absolute;
  top: 140px;
  right: 160px;
  font-size: 30px;
  letter-spacing: 5px;
  color: rgba(244, 141, 95, 0.87);
}
.blog{
  width: 1000px;
  margin: 20px auto;
  padding: 20px;
  color: #999;
  background-color:rgba(27, 18, 25, 0.87);
  ul{
    li{
      list-style: none;
      margin-bottom: 20px;
      border: 2px solid #89deee;
      border-radius: 15px;
      background-color: #ecf2ff;
      .title{
        padding:10px 30px 5px 30px;
        display: inline-block;
        vertical-align: middle;
        height: 40px;
        line-height: 40px;
        color: rgba(255, 155, 242, 0.87);
        font-size: 20px;
      }
      .bottom{
        background-color: rgba(255, 204, 252, 0.87);
        font-family:  Georgia, "Times New Roman", Times, serif;
        border-bottom-left-radius: 12px;
        border-bottom-right-radius: 12px;
        padding: 15px;
        .createTime{
          padding: 5px;
          color: #1e88e5;
          border-radius: 7px;
          background-color: rgba(169, 226, 244, 0.87);
        }
        .updateTime{
          padding: 5px;
          margin-left: 15px;
          color: rgba(5, 15, 2, 0.87);
          border-radius: 7px;
          background-color: rgba(244, 224, 123, 0.87);
        }
        .full_text{
          float: right;
          padding: 5px 15px;
          border-radius: 7px;
          background-color: rgba(120, 168, 255, 0.87);
          cursor: pointer;
          a{
            color: rgba(246, 255, 255, 0.87);
          }
        }
      }
      .describe{
        padding:0 30px 30px 30px;
        font-size: 14px;
        color: #13183f;
      }
    }
    li:nth-of-type(even){
      border: 2px solid #70e7ff;
      background-color: #2a383a;
      .bottom{
        background-color: rgba(191, 215, 255, 0.87);
      }
      .title{
        color: rgba(86, 155, 255, 0.87);
      }
      .describe{
        color: #d2d3ce;
      }
    }
  }

}